﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="newsselector.aspx.vb" Inherits="AssignmentProject.newsselector" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
 <style type="text/css">
        
			.listhead, h2 { margin-bottom:15px; }

			.listhead { 
				text-decoration:none; 
				font-size:20px; 
				display:block;
			}
			
			
			.listcontent { 
				display:none;
				
			}

            #accordion
            {
                width:800px;
                left: 40%;
            }
            
            #newsText
            {
             width:600px;
             float: left;   
            }
            
            #altnewsText
            {
             width:500px;
             float: left;   
            }
            #listimg
            {
                float:right;
            }
            
            #altListImg
            {
                float: left;
            }
			#accList li {
				position:relative;
				overflow:hidden;
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.listhead').click(function (e) {
                e.preventDefault();
                $(this).closest('li').find('.listcontent').not(':animated').slideToggle();
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cpMainContent" runat="server">
 <h1>Welcome to the Gobblz News Feed</h1>

   <h3>Here you can find news on events in your area, as well as hints and advice from other users.</h3>

   <h4>Be sure to visit regularly and don't forget to subscribe to our RSS feed so that all of the latest
   recipes and news stories can be sent to you automatically - it's so easy!</h4>
<div id="accordion">
<ul id="accList">
        <li>
            <a href='#' class='listhead'>New Groups</a>
            <div class='listcontent'>   <p>              
            If you're looking for posts from other members relating to new groups in this area then look
            no further.</p>    
            
            <p> Just click <a href="groups.aspx">here!</a></p>

           <p> Don't forget that you can leave comments on most posts, and you can also let others know what's going on by clicking the 
            'Post a Story' link below.</p>
            <p></p></div>
         
        </li>
        <li>
            <a href='#' class='listhead'>Events</a>
            <div class='listcontent'><div id="newsText">Sometimes it's difficult to stay motivated alone. Groups can be a great idea (see above) but our
            members are also encouraged to let others know about events that are going on in the area - whether they be related
            to weight loss and dieting or not. Sometimes it's good just to connect with others face-to-face and meet up
            with likeminded people. Click <a href="events.aspx">here</a> to view the latest events.
            
             
            Don't forget that you can leave comments on most posts, and you can also let others know what's going on by clicking the 
            'Post a Story' link below.</div>
            <div id="listimg"> 
                <img alt="See what events are coming up in the area" src="Images/meetup.jpg" /><p></p>
                </div>
           
            
             </div>
        </li>
        <li>
            <a href='#' class='listhead'>Miscellaneous Stories/Posts</a>
            <div class='listcontent'><div id="altListImg">
                <img  alt="A bit of everything here" src="Images/miscellaneous.jpg" />
            </div>
            
            <div id="altnewsText"><p></p><p>All other posts and stories that don't fall into the categories above
            are posted <a href="misc.aspx">here</a></p>

            <p>Don't forget that you can leave comments on most posts, and you can also let others know what's going on by clicking the 
            'Post a Story' link below.</p><p>
            
            </p></div>
            </div>
        </li>
        <li>
            <a href='#' class='listhead'>Post a Story</a>
            <div class='listcontent'>Got something you want to share? Just click <a href="submitNews.aspx">here</a> to let others know.
            
            </div>
        </li>
    </ul>

    </div>

</asp:Content>
